.main {
    padding-bottom: 3rem;

    .layui-icon-left {
        font-size: .38rem;
    }

    .search-vss {
        position: fixed;
        top: 0;
        width: 100%;
        background-color: var(--ff);

        .container {
            margin: .2rem .2rem .1rem .2rem;

            .search {
                height: 0.68rem;
                background: var(--f6);
                border-radius: 0.34rem;

                padding: 0 .07rem 0 .21rem;

                .icon {
                    width: .3rem;
                    height: .3rem;
                    margin-right: .1rem;
                }

                .search-btn {
                    padding: .1rem .2rem;
                    background: linear-gradient(to right, var(--bd1), var(--bd));
                    border-radius: .34rem;
                    color: #fff;
                    border: none;
                    font-size: var(--default-font-size-28);
                }

                .inp {
                    font-size: var(--default-font-size-28);
                }

            }
        }
    }




    .history {
        margin-top: 1.3rem;
        .text {
            font-weight: 500;
            font-size: var(--default-font-size-26);
            color: var(--dcl);
        }

        .layui-icon-delete {
            font-size: .38rem;
            color: var(--c9);
        }
    }

    .history-list {
        flex-wrap: wrap;
        gap: .2rem;

        .item {
            font-weight: 400;
            font-size: var(--default-font-size-26);
            color: var(--66);
            background: var(--ee);
            border-radius: .24rem;
            padding: .1rem .24rem;
        }
    }

}